

<!DOCTYPE html>
<html lang="zh-cn" >

<head>

  <meta charset="UTF-8">
  
<link rel="apple-touch-icon" type="image/png" href="asset/院徽.jpg" />
<meta name="apple-mobile-web-app-title" content="CodePen">

<link rel="shortcut icon" type="image/x-icon" href="asset/院徽.jpg" />

<link rel="mask-icon" type="" href="asset/院徽.jpg" color="#111" /><!--缩略图-->


  <title>海洋科学学院发展史与大事记 </title>
  <link href="https://fonts.googleapis.com/css?family=Roboto:100i,300,400,500,700" rel="stylesheet"><!--网站标题-->
    <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
  
  <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
  
<style>
section {
  padding: 100px 0;
}

html, body {
  overflow-x: hidden;
}

body {
  font-family: "SimSun";
  font-size: 17px;
  font-weight: 400;
  background-color: #eee;
}

h1 {
  font-size: 200%;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
}

header {
  background: #3F51B5;
  color: #FFFFFF;
  padding: 150px 0;
}
header p {
  font-family: "Allura";
  color: rgba(255, 255, 255, 0.2);
  margin-bottom: 0;
  font-size: 60px;
  margin-top: -30px;
}

.timeline {
  position: relative;
}
.timeline::before {
  content: "";
  background: #C5CAE9;
  width: 5px;
  height: 97%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.timeline-item {
  width: 100%;
  margin-bottom: 70px;
}
.timeline-item:nth-child(even) .timeline-content {
  float: right;
  padding: 40px 30px 10px 30px;
}
.timeline-item:nth-child(even) .timeline-content .date {
  right: auto;
  left: 0;
}
.timeline-item:nth-child(even) .timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  left: -15px;
  border-width: 10px 15px 10px 0;
  border-color: transparent #f5f5f5 transparent transparent;
}
.timeline-item::after {
  content: "";
  display: block;
  clear: both;
}

.timeline-content {
  position: relative;
  width: 45%;
  padding: 10px 30px;
  border-radius: 4px;
  background: #f5f5f5;
  box-shadow: 0 20px 25px -15px rgba(0, 0, 0, 0.3);
}
.timeline-content::after {
  content: "";
  position: absolute;
  border-style: solid;
  width: 0;
  height: 0;
  top: 30px;
  right: -15px;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #f5f5f5;
}

.timeline-img {
  width: 30px;
  height: 30px;
  background: #3F51B5;
  border-radius: 50%;
  position: absolute;
  left: 50%;/*不是很懂，看起来是蓝色圆球的位置*/
  margin-top: 25px;
  margin-left: -15px;
}

a {
  background: #3F51B5;
  color: #FFFFFF;
  padding: 8px 20px;/*按钮的宽高*/
  text-transform: uppercase;
  font-size: 14px;/*字体*/
  margin-bottom: 20px;/*底与其他元素之间的距离*/
  margin-top: 10px;/*顶与其他元素之间的距离*/
  display: inline-block;
  border-radius: 20px;/*圆角矩阵的曲率圆度之类的*/
  box-shadow: 0 1px 3px -1px/*阴影位置*/ rgba(0, 0, 0, 0.6);
}
a:hover, a:active, a:focus {
  background: #32408f;
  color: #FFFFFF;
  text-decoration: none;
}

.timeline-card {
  padding: 0 !important;
}
.timeline-card p {
  padding: 0 20px;
}
.timeline-card a {
  margin-left: 20px;
}

.timeline-item .timeline-img-header {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url("https://i0.hdslb.com/bfs/article/855324afa30e1f0f371c7a8959ab56780d3fd15b.jpg@1320w_2370h.webp") center center no-repeat;/*原理不明大概意思是在目标页面不重复引用图片*/
  background-size: cover;
}

.timeline-img-header {
  height: 200px;
  position: relative;
  margin-bottom: 20px;
}
.timeline-img-header h2 {/*图片标题*/
  color: #FFFFFF;
  position: absolute;
  bottom: 5px;
  left: 20px;
}
.timeline-item  
  
  .timeline-img1928{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/1928.jpeg);
  background-size: cover;
} 
 
  
     

.timeline-img1928 {

   height: 300px;
   position: relative;
   margin-bottom: 20px;
   }
.timeline-img1928 h2 {
       color:  #FFFFFF;
       position: absolute;
       bottom: 5px;
       left: 20px;
   }
.timeline-item    
   .timeline-img-200805{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/200805.jpeg);
  background-size: cover;
}   
.timeline-img-200805 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-200805 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201106{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201106.png);
  background-size: cover;
}   
.timeline-img-201106 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201106 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201209{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201209.png);
  background-size: cover;
}   
.timeline-img-201209 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201209 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201210{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201210.png);
  background-size: cover;
}   
.timeline-img-201210 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201210 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201212{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201212.png);
  background-size: cover;
}   
.timeline-img-201212 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201212 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201301{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201301.png);
  background-size: cover;
}   
.timeline-img-201301 {

height: 500px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201301 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201504{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201504.png);
  background-size: cover;
}   
.timeline-img-201504 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201504 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201603{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201603.png);
  background-size: cover;
}   
.timeline-img-201603 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201603 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201604{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201604.png);
  background-size: cover;
}   
.timeline-img-201604 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201604 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201708{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201708.png);
  background-size: cover;
}   
.timeline-img-201708 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201708 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  
.timeline-item    
   .timeline-img-201710{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201710.png);
  background-size: cover;
}   
.timeline-img-201710 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201710 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  

.timeline-item    
   .timeline-img-201806{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201806.png);
  background-size: cover;
}   
.timeline-img-201806 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201806 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  

.timeline-item    
   .timeline-img-201807{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201807.png);
  background-size: cover;
}   
.timeline-img-201807 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201807 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  

.timeline-item    
   .timeline-img-201809{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201809.png);
  background-size: cover;
}   
.timeline-img-201809 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201809 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  

.timeline-item    
   .timeline-img-201901{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201901.png);
  background-size: cover;
}   
.timeline-img-201901 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201901 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  

.timeline-item    
   .timeline-img-201904{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201904.png);
  background-size: cover;
}   
.timeline-img-201904 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201904 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  

.timeline-item    
   .timeline-img-201907{background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4)), url(asset/201907.png);
  background-size: cover;
}   
.timeline-img-201907 {

height: 300px;
position: relative;
margin-bottom: 20px;
}
.timeline-img-201907 h2 {
    color:  #FFFFFF;
    position: absolute;
    bottom: 5px;
    left: 20px;
}  


blockquote {
  margin-top: 30px;
  color: #757575;
  border-left-color: #3F51B5;
  padding: 0 20px;
}

.date {
  background: #CB1516;
  display: inline-block;
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .timeline::before {
    left: 50px;
  }
  .timeline .timeline-img {
    left: 50px;
  }
  .timeline .timeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 70px;
  }
  .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }
  .timeline .timeline-item:nth-child(odd) .timeline-content::after {
    content: "";
    position: absolute;
    border-style: solid;
    width: 0;
    height: 0;
    top: 30px;
    left: -15px;
    border-width: 10px 15px 10px 0;
    border-color: transparent #f5f5f5 transparent transparent;
  }
}
</style>

  <script>
  window.console = window.console || function(t) {};
</script>

  
  
  <script>
  if (document.location.search.match(/type=embed/gi)) {
    window.parent.postMessage("resize", "*");
  }
</script>


</head>

<body translate="no" >
  <header>
  <div class="container text-center">
    <h1>中山大学海洋科学学院发展史</h1>
    <h5>作者：郭楚尧、陈路晟、林浩扬、刘为峰、吴泓璟、詹致耿；</h5>
    <h5>单位：中山大学海洋科学学院</h5>
    <iframe src="http://music.163.com/outchain/player?type=2&amp;id=520401083&amp;auto=1 &height=32" width=260 height="260" frameborder="no" marginwidth="0" marginheight="0"></iframe> 

  </div>
</header>

<section class="timeline">
  <div class="container">
    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br></h6>
        <h2>中山大学涉海学科的早期建设</h2>
      
        <div class="date">1924年——2008年</div>
        <blockquote></blockquote>

      </div>
    </div> 
        
   <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        <h3>费鸿年教授开展了南海近岸渔业资源调查研究。</h3>
        <div class="date">       1924年</div>
       

      </div> 
    </div> 

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInLeft">
        <div class="timeline-img1928" >
          <h2>西沙科学考察</h2>
        </div>
        <div class="date">       1928年</div>
        <p>中山大学农学院院长沈鹏飞担任领队，地质学教授朱庭祜先生主持，一行16人乘海瑞号军舰前往西沙进行实地调查。这是中国历史上手次有地质学家前往西沙进行科学考察。发表了西沙群岛生物资源论文，随后，西沙群岛被国民zf列为中山大学海洋实习基地。</p>
        
      </div>
    </div>
    <div class="timeline-item">
        <div class="timeline-img">
  
        </div>
  
        <div class="timeline-content js--fadeInRight">
          <h2>中山大学河口海岸研究所成立</h2>        
          <h3>中山大学河口海岸研究所成立，该研究所长期致力于河口海岸学研究，长期从事华南海岸、珠江河口及华南诸河口“动力-沉积（泥沙）-地貌”过程研究，是我国较早成立的专门从事河口海岸研究的科研机构之一。</h3>
          <div class="date">       1964年</div>
         
  
        </div> 
    </div> 

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInLeft">
        <div class="timeline-img-200805">
          <h2>中山大学与广州海洋地质调查局签署战略合作协议</h2>
        </div>
        <div class="date">2008年5月</div>
        <p>中山大学与广州海洋地质调查局签署战略合作协议，互聘高层次人员，联合培养学生，合作开展研究，共建海洋学院。</p>

      </div>
    </div>     

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        <h2>中山大学海洋学院成立</h2>
        <div class="date">2008年6月</div>
        <p>中山大学海洋学院成立，何建国、孙晓明分别任学院院长、副院长，刘军任学院副院长、副书记。</p>

      </div>
    </div>   

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br />></h6>
        <h2>开始招收本科生</h2>
        <div class="date">2008年9月</div>
        <p>中山大学海洋学院招收手届本科生，前两届招生为海洋生物资源与环境专业，2010起改为海洋科学专业。</p>

      </div>
    </div>  

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        
        <h2>开始接收博士后</h2>
        <div class="date">2008年10月</div>
        <p>海洋科学博士后科研流动站获准设立，并开始接收博士后进站工作。</p>

      </div>
    </div>  

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br>></h6>
        <h2>设置中山大学博士后流动站广州海洋地质调查局创新实践基地</h2>
        <div class="date">2009年1月</div>
        <p>中山大学博士后流动站广州海洋地质调查局创新实践基地通过专家论证，并正式设置。</p>

      </div>
    </div>  

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
       
        <h2>水产品安全教育部zd实验室获准建设</h2>
        <div class="date">2009年3月</div>
        <p>水产品安全教育部zd实验室获准建设，其后于2012年顺利通过教育部组织的专家验收。</p>

      </div>
    </div>    

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br></h6>
        <h2>组建广东省海产品安全教学科研基地</h2>
        <div class="date">2009年5月</div>
        <p>水产品安全教育部zd实验室与国家海产品质量监督检验zx（湛江）签订合作协议，共同组建广东省海产品安全教学科研基地。</p>

      </div>
    </div>    

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
      
        <h2>举办“南海资源学术交流会”</h2>
        <div class="date">2009年7月</div>
        <p>在中山大学东校区举办“南海资源学术交流会”，并进行兼职教授聘任仪式，会议由中山大学与广州海洋地质调查局联合主办。</p>

      </div>
    </div> 

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br></h6>
        <h2>设立“海洋学院国联奖学金”</h2>
        <div class="date">2009年9月</div>
        <p>湛江国联水产开发股份有限公司捐赠设立“海洋学院国联奖学金”，每学年度奖励20youxiu学生。</p>

      </div>
    </div>     

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
      
        <h3>学院与国家海洋局南海工程勘察zx签署联合办学协议。<br />学院与中交广州航道局有限公司签署产学研合作框架协议。<br />举办河口海岸研究所建所45周年庆典。</h3>
        <div class="date">2009年11月</div>
       

      </div> 
    </div> 

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br> </h6>
        <h3>广东省海洋资源与近岸工程zd实验室获准更名，其后于2013年通过广东省科技厅组织的专家验收。</h3>
        <div class="date">2009年12月</div>
       

      </div> 
    </div> 

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
      
        <h2>海洋科学一级学科博士点和硕士点获批准设立</h2>
        <div class="date">2010年9月</div>
        <p>海洋科学一级学科博士点和硕士点获批准设立，开始独立招收手届硕士研究生和博士研究生。<br />在当年国务院学位委员会公布的学位审核结果中，我校新增包括海洋科学在内的13个博士学位授权一级学科和12个硕士学位授权一级学科，其中新增博士学位授权一级学科数列广东省diyi位，约占广东省新增博士学位授权一级学科总数的30%。</p>

      </div>
    </div>   
    
    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">

        <div class="date">2010年10月</div>
        <h6><br>  </h6>
        <h3>郑德涛书记带队访问珠海市rmzf，落实海洋科技创新等校市合作事宜。<br />广东省水科院设立的“中山大学博士后流动站科研基地”顺利通过中山大学专家组评审。
          </h3>
      </div>
    </div>   

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">

        <div class="date">2010年12月</div>
        
        <h2>广东省河口水利工程实验室获批准建设</h2>

        <p>与广东省水利水电科学研究院合作共建的广东省河口水利工程实验室获广东省发展与改革委员会批准建设。</p>

      </div>
    </div>   

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">

        <div class="date">2011年4月</div>
        <h6><br></h6>
        <h3>中山大学与珠海市斗门区人民政府签署《现代渔业发展合作框架协议》。</h3>

        

      </div>
    </div>     

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInRight">
        <div class="timeline-img-201106" >
          <h2>海洋石油勘探开发广东高校zd实验室获批准建设</h2>          
        </div>

        <div class="date">2011年6月</div>
        <p>在广州中山大学海洋学院院长何建国教授与张和清先生共同出席了“上海新拓分析仪器科技有限公司—中山大学海洋学院联合实验室”的揭牌仪式，并就今后双方在海洋及其相关分析仪器的研发方面开展广泛合作和交流进行了探讨。</p>
        
      </div>

    </div>   

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">

        <div class="date">2011年11月</div>
        <h6><br></h6>
        <h2>设立中山大学广东水利博士后创新实践基地</h2>

        <p>经广东省人力资源和社会保障厅批准，水科院与中山大学合作设立了"中山大学广东水利博士后创新实践基地" 。</p>

      </div>
    </div>   

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">

        <div class="date">2011年11月</div>
       
        <h2>许宁生校长带队访问国家海洋局</h2>

        <p>许宁生校长带队访问国家海洋局，落实国家海洋局与教育部共建涉海高校的具体工作。<br />许宁生校长表示我校是国家海洋局与教育部联合共建的涉海高校之一，对国家海洋局长期以来支持学校发展表示感谢，指出海洋领域已经列为学校目前zd发展领域之一。</p>

      </div>
    </div>   

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br> </h6>
        <h3>举办第一届中山大学海洋科技文化节。</h3>
        <div class="date">2012年4月</div>
       

      </div> 
    </div> 

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        
        <h3>珠海市海洋农渔和水务局与中山大学海洋学院签署《海洋与渔业技术合作框架协议》。<br />南海资源与产业技术协同创新zx纳入中山大学协同创新zx培育计划。</h3>
        <div class="date">2012年6月</div>
       

      </div> 
    </div> 

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br> </h6>
        <h3>海洋微生物功能分子广东高校zd实验室建设项目通过广东省教育厅组织的专家验收。</h3>
        <div class="date">2012年7月</div>
       

      </div> 
    </div>  

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInRight">
        <div class="timeline-img-201209">
          <h2>与广东省海洋与渔业局签署战略合作框架协议</h2>
        </div>
        <div class="date">2012年9月</div>
        <p>中山大学与广东省海洋与渔业局签署战略合作框架协议，许宁生校长与郑伟仪局长分别代表双方签字，刘昆副省长出席并致辞。</p>

      </div>
    </div>  

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInLeft">
        <div class="timeline-img-201210">
          <h2>海洋生物天然产物化合物库获批准立项</h2>
        </div>
        <div class="date">2012年10月</div>
        <p>海洋学院牵头组织的“海洋生物天然产物化合物库”获得国家财政部和国家海洋局批准立项，成为国家海洋经济创新发展区域示范手批3个guojiaji公共服务平台之一。</p>

      </div>
    </div>    

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
       
        <h3>海洋学院牵头组织的国家海洋公益性行业专项项目“LYC1403和POA-1等海洋先导化合物规模化制备技术及新药开发研究”获得批准立项。<br />海洋科学一级学科被批准为第九轮广东省zd学科——优势zd学科。</h3>
        <div class="date">2012年12月</div>
       

      </div> 
    </div> 

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInLeft">
        <div class="timeline-img-201212">
          <h2>中山大学海洋科学实验教学zx成立</h2>
        </div>
        <div class="date">2012年12月</div>
        

      </div>
    </div>    

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInRight">
        <div class="timeline-img-201301">
         
        </div>
        <div class="date">2013年1月</div>
        <p>海洋科学一级学科在教育部第三轮学科水平评估中位居全国第四。</p>

      </div>
    </div>    

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br> </h6>
        <h3>在国际矿床成因协会（The International Association on the Genesis of Ore Deposits）上，孙晓明教授当选为新一届执委和秘书长。</h3>
        <div class="date">2013年5月</div>
       

      </div> 
    </div>  

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        
        <h3>许宁生校长一行出席海洋学院2013年第4次党政联席会议，提出学科建设“新要求”，教学教育要“新起点”。</h3>
        <div class="date">2013年6月</div>
       

      </div> 
    </div>      

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        
        <h3>海洋学院牵头组织的中国-东盟海水养殖技术联合研究与推广zx通过国家科技部和外交部组织的专家论证，成为中国-东盟海上合作基diyi批落实的17个项目之一。</h3>
        <div class="date">2014年1月</div>
       

      </div> 
    </div>     

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        
        <h3>海洋学院牵头组建的南海资源开发与保护2011协同创新zx获广东省认定，成为广东省手批认定的20个协同创新平台之一。</h3>
        <div class="date">2014年3月</div>
       

      </div> 
    </div>      

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        
        <h3>海洋科学本科专业被列为guojiaji专业综合改革试点。</h3>
        <div class="date">2014年9月</div>
       

      </div> 
    </div>      

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        
        <h3>海洋学院联合主办国际科联海洋研究科学委员会第137工作小组第5届年会，殷克东教授担任diyi组长。</h3>
        <div class="date">2014年11月</div>
       

      </div> 
    </div>    

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        
        <h3>广东省海洋资源与近岸工zd实验室评估获得youxiu。</h3>
        <div class="date">2015年2月</div>
       

      </div> 
    </div>    

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        
        <h3>海洋学院与珠海市港澳流动渔民工作办公室签署战略合作协议，共建港澳流动渔民培训研究zx，中山大学马骏副校长和珠海市刘嘉文副市长等出席签约仪式和zx揭牌仪式。</h3>
        <div class="date">2015年3月</div>
       

      </div> 
    </div>    

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInLeft">
        <div class="timeline-img-201504">

        </div>
        <div class="date">2015年4月</div>
        <p>我院在港珠澳大桥岛隧工程E15沉管回淤专题攻关中，荣获“集体特等功”。</p>

      </div>
    </div> 

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">Q
        
        <h3>罗俊校长一行调研海洋学院“十三五”学科发展规划，认为“海洋学院是学校为数不多的可以起yinling作用的学院”，要求学院要进一步做大做Q。<br />海洋科学专业被批准为广东省战略性新兴产业特色专业建设点。</h3>
        <div class="date">2015年3月</div>
       

      </div> 
    </div>    


    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInLeft">
        <div class="timeline-img-201603">
          <h2>广州海洋地质调查局局长到访</h2>
        </div>
        <div class="date">2016年3月</div>
        <p>广州海洋地质调查局温宁局长一行到访，罗俊校长等出席交流，双方深化共建海洋学科，谋求海洋地质新发展。</p>

      </div>
    </div>    

    <div class="timeline-item">

      <div class="timeline-img"></div>

      <div class="timeline-content timeline-card js--fadeInRight">
        <div class="timeline-img-201604">
          <h2>陈春声书记调研海洋学院党建工作</h2>
        </div>
        <div class="date">2016年4月</div>
        <p>陈春声书记一行调研海洋学院党建工作，认为“学院基层党建工作与学院行政工作现代化目标管理的结合，成效非常显著”。</p>

      </div>
    </div>    

    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInLeft">
        <h6><br /></h6>
        <h3>海洋学院更名海洋科学学院。</h3>
        <div class="date">2015年5月</div>
       

      </div> 
    </div>    


    <div class="timeline-item">
      <div class="timeline-img"></div>

      <div class="timeline-content js--fadeInRight">
        
        <h3>学院党委获评中山大学先进二级党组织。</h3>
        <div class="date"> 2016年6月</div>
       

      </div> 
    </div> 


    <div class="timeline-item">
        <div class="timeline-img"></div>
  
        <div class="timeline-content js--fadeInLeft">
          <h6><br /></h6>
          <h3>罗俊校长一行调研海洋科学学院学科建设，对学院的学科发展表示肯定，认为海洋科学作为珠海校区发展海洋学科群的重要支柱，学校给予厚望。</h3>
          <div class="date"> 2016年10月</div>
         

        </div> 
      </div> 

      <div class="timeline-item">
        <div class="timeline-img"></div>
  
        <div class="timeline-content js--fadeInRight">
          <h6><br /></h6>
          <h3>“关心海洋·认识海洋·经略海洋——中山大学海洋科技文化节”获评广东省校园文化建youxiu成果三等奖。</h3>
          <div class="date"> 2017年3月</div>
         

        </div> 
      </div> 

      <div class="timeline-item">
        <div class="timeline-img"></div>
  
        <div class="timeline-content js--fadeInLeft">
          <h6><br /></h6>
          <h3>何建国教授等27个国际机构代表共同启动“中国-东盟海水养殖技术协作网”。</h3>
          <div class="date"> 2017年4月</div>
         

        </div> 
      </div> 

      <div class="timeline-item">

        <div class="timeline-img"></div>
  
        <div class="timeline-content timeline-card js--fadeInRight">
          <div class="timeline-img-201708">
            
          </div>
          <div class="date">2017年8月</div>
          <p>中山大学（海洋科学学院）帆船队勇夺第三届全国大学生帆船锦标赛冠军。</p>
  
        </div>
      </div>   

      <div class="timeline-item">
        <div class="timeline-img"></div>
  
        <div class="timeline-content js--fadeInLeft">
          <h6><br /></h6>
          <h3>我院获批“广东省海洋与岛礁工程技术研究zhongxin”。
            <br />中央政治局委员、广东省委书记胡春华赴中山大学调研，走访海洋科学学院。
          </h3>
          <div class="date"> 2017年9月</div>
         

        </div> 
      </div> 

      <div class="timeline-item">

        <div class="timeline-img"></div>
  
        <div class="timeline-content timeline-card js--fadeInRight">
          <div class="timeline-img-201710">
            
          </div>
          <div class="date">2017年10月</div>
          <p>珠海市-中山大学新型战略合作项目举行动工仪式，海洋科学学院楼开工建设。</p>
  
        </div>
      </div>   

      <div class="timeline-item">
        <div class="timeline-img"></div>
  
        <div class="timeline-content js--fadeInLeft">
          <h6><br /></h6>
          <h3>陈春声书记一行莅临我院开展党建工作调研，对海洋科学学院的党建工作表示肯定。 </h3>
          <div class="date"> 2017年11月</div>
         

        </div> 
      </div> 

      <div class="timeline-item">

        <div class="timeline-img"></div>
  
        <div class="timeline-content timeline-card js--fadeInRight">
          <div class="timeline-img-201806">
            
          </div>
          <div class="date">2018年6月</div>
          <p>“海洋生物天然产物化合物库”建成，荣获广东省海洋创新与发展十大科技进展。</p>
  
        </div>
      </div>   

      <div class="timeline-item">

        <div class="timeline-img"></div>
  
        <div class="timeline-content timeline-card js--fadeInLeft">
          <div class="timeline-img-201807">
            
          </div>
          <div class="date">2018年7月</div>
          <p>我院参与的港珠澳大桥沉管基槽回淤研究荣获中国航海科技进步一等奖。</p>
  
        </div>
      </div>   

      <div class="timeline-item">

        <div class="timeline-img"></div>
  
        <div class="timeline-content timeline-card js--fadeInRight">
          <div class="timeline-img-201809">
            
          </div>
          <div class="date">2018年9月</div>
          <p>海洋地质党支部获全省教育系统基层党支部组织生活创新案例征集评选活动三等奖。</p>
  
        </div>
      </div>   

      <div class="timeline-item">

        <div class="timeline-img"></div>
  
        <div class="timeline-content timeline-card js--fadeInLeft">
          <div class="timeline-img-201901">
            
          </div>
          <div class="date">2019年1月</div>
          <p>海洋科学学院获批教育部“三全育人”综合改革试点院（系）。</p>
  
        </div>
      </div>   

      <div class="timeline-item">

        <div class="timeline-img"></div>
  
        <div class="timeline-content timeline-card js--fadeInRight">
          <div class="timeline-img-201904">
            
          </div>
          <div class="date">2019年4月</div>
          <p>我院参与的港珠澳大桥工程建设关键技术项目荣获2018年度广东省科技进步奖特等奖。</p>
  
        </div>
      </div>   

      <div class="timeline-item">

        <div class="timeline-img"></div>
  
        <div class="timeline-content timeline-card js--fadeInLeft">
          <div class="timeline-img-201907">
            
          </div>
          <div class="date">2019年7月</div>
          <p>学院党委获评中山大学先进二级党组织。</p>
  
        </div>
      </div>   




  </div>
 
</section>
    <script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-157cd5b220a5c80d4ff8e0e70ac069bffd87a61252088146915e8726e5d9f147.js"></script>

  <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdn.jsdelivr.net/scrollreveal.js/3.3.1/scrollreveal.min.js'></script>
      <script id="rendered-js" >
$(function () {

  window.sr = ScrollReveal();

  if ($(window).width() < 768) {

    if ($('.timeline-content').hasClass('js--fadeInLeft')) {
      $('.timeline-content').removeClass('js--fadeInLeft').addClass('js--fadeInRight');
    }

    sr.reveal('.js--fadeInRight', {
      origin: 'right',
      distance: '300px',
      easing: 'ease-in-out',
      duration: 800 });


  } else {

    sr.reveal('.js--fadeInLeft', {
      origin: 'left',
      distance: '300px',
      easing: 'ease-in-out',
      duration: 800 });


    sr.reveal('.js--fadeInRight', {
      origin: 'right',
      distance: '300px',
      easing: 'ease-in-out',
      duration: 800 });


  }

  sr.reveal('.js--fadeInLeft', {
    origin: 'left',
    distance: '300px',
    easing: 'ease-in-out',
    duration: 800 });


  sr.reveal('.js--fadeInRight', {
    origin: 'right',
    distance: '300px',
    easing: 'ease-in-out',
    duration: 800 });



});
//# sourceURL=pen.js
    </script>
<!--<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=2&id=520401083&auto=1&height=32"></iframe>-->    
<!--<iframe src="http://music.163.com/outchain/player?type=2&amp;id=520401083&amp;auto=1 &height=32" width=260 height="260" frameborder="no" marginwidth="0" marginheight="0"></iframe> -->
<!--<iframe frameborder="0" border="1" 
marginwidth="0" marginheight="0" 
width=333 height=77 
src="https：//music.163.com/outchain/player?type=2&id=520401083&auto=1&height=66">
</iframe>-->


  
<footer>
    <p align="center">Copyright (c) 2021 by  <a href="https://codepen.io/savalazic"  target="_blank">Sava Lazic </a>  技术支持： 林浩扬</p>
    </footer>
</body>

</html>
 
